﻿@charset "utf-8";
.banner { width:100%; position: relative; text-align: center; height:500px; overflow:hidden; }
.banner .hd { position: absolute; bottom:12px; width:100%; height:8px; z-index: 99;}
.banner .hd ul { width:1000px; margin: 0 auto; }
.banner .hd ul a { display: inline-block; width:30px; height:8px; background:url(ico_1.png) no-repeat; padding:0 5px; }
.banner .hd ul a.on { background:url(ico_01.png) no-repeat; }
.banner .bd { width:100%; height:500px; overflow: hidden; }
.banner .bd li { width:100%; height: 500px; }
.banner .bd li a { display: block; width:100%; height: 500px; }
.yingdao { height:78px; background:#efefef; border-bottom:1px solid #dedede; padding-top:20px; overflow:hidden;}
.yd_box { width:1200px; margin:0 auto;}
.yd_left { float:left; width:314px; border-right:1px solid #ccc;}
.yd_center { float:left; padding-left:60px; width:390px;}
.yd_right { float:right; border-left:1px solid #ccc; padding-left:60px; width:320px;}
.yd_sosuo { width:372px; height:32px; background:#fff; border:1px solid #dedede;}
.yd_sosuo span { width:37px; height:32px; float:right;}
.yd_sosuo input { background:#fff; border:0; height:32px; width:260px;}
.yd_gjz { line-height:22px; font-size:12px; padding-top:5px;}
.search-option{border:none;float:right;margin-right:40px;font-size:14px;font-family:"微软雅黑";height:32px;}
/*产品中心*/
.product { width:1200px; margin:0 auto; margin-top:20px; padding-bottom:25px;}
.product_left {width:100%;overflow:hidden;margin:10px 0;}
.product_left h1 { height:66px;}
.product_left h2 { font-size:16px; height:46px; line-height:46px;background:#1474ae url(cp_h2.jpg) no-repeat 18px center; padding-left:48px; color:#fff; width:10%;float:left;}
.product_left ul{float:right;width:85%;}
.product_left ul li { height:43px; line-height:43px; font-size:14px; color:#666; border-bottom:1px solid #dedede;width:20%;float:left;}
.product_left ul li a { background:url(cp_dian.jpg) no-repeat 20px center; padding-left:48px; display:block;}
.product_left ul li a.current { background:url(cp_dianh.jpg) no-repeat 20px center; color:#1474ae; text-decoration:none; font-weight:bold;}
.product_right { width:948px; float:right;}
.product_tab { height:58px; text-align:right; font-size:12px;}
.product_tab a { background:#999999; color:#fff; padding:8px 12px; margin-left:12px; border-radius:15px;}
.product_tab a.pd_hover { background:#1474ae; color:#fff;line-height:33px;}
.product_tab a:hover { text-decoration:none;}
.product_list {}
.product_list dl { float:left; margin:0 17px 10px 17px; width:206px;}
.product_list dl dt { width:206px; height:202px;}
.product_list dl dd { width:206px;text-align:center; line-height:30px; padding:15px 0;}
.product_list dl dt img { width:200px; height:200px; border:1px solid #dedede;}
.product_list dl dt img:hover { border:1px solid #1474ae;}
/*四大理由*/
.four_ly { height:502px; background:#efefef;}
.four_box { width:1200px; margin:0 auto; height:502px; background:url(hg_lybj.jpg) no-repeat;}
.four_m1,.four_m2,.four_m3,.four_m4 { width:600px; height:251px; float:left;}
.four_m1 h2 { width:100px; float:left; height:210px; text-align:right; padding:41px 14px 0 0;}
.four_m2 h2 { width:198px; float:left; height:210px; text-align:right; padding:41px 14px 0 0;}
.four_m3 h2 { width:100px; float:left; height:210px; text-align:right; padding:41px 14px 0 0;}
.four_m4 h2 { width:198px; float:left; height:210px; text-align:right; padding:41px 14px 0 0;}
.four_box h3 { font-size:20px; color:#1474ae; margin-top:72px;}
.four_box ul { padding-top:8px;}
.four_box ul li { line-height:24px;}
.four_m1 h2 img,.four_m2 h2 img,.four_m3 h2 img,.four_m4 h2 img { width:42px; height:42px;  -webkit-transition: width 1s, height 1s, -webkit-transform 1s; transition: width 1s, height 1s, transform 1s;}
.four_m1:hover h2 img,.four_m2:hover h2 img,.four_m3:hover h2 img,.four_m4:hover h2 img { width:72px; height:72px; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.index_h1 { text-align:center;}
/*走进海固*/
.container { width:1260px; margin:42px auto 0 auto;}
.container h1 { text-align:center; padding-bottom:42px;}
.affiliate {}
.affiliate .bd { position: relative; }
.affiliate .bd .prev { position: absolute; width:30px; height:52px; top:100px; left:0px; background:url(hg_zuo.png) no-repeat; }
.affiliate .bd .next { position: absolute; width:30px; height:52px; top:100px; right:0px; background:url(hg_you.png) no-repeat; }
.plist_02 { width:1200px; height:390px; margin: 0 auto; overflow:hidden;}
.plist_02 ul li { background:#efefef; width:272px; height:390px; display:block; float:left; margin-left:22px;}
.plist_02 ul li .pic { height:246px;}
.plist_02 ul li .pic img { width:272px; height:246px; }
.plist_02 ul li .tit { height:144px; }
.plist_02 ul li .tit h3 { font-size:14px; color:#555; height:28px; line-height:28px; padding-top:15px; padding:0 15px; padding-top:20px;}
.plist_02 ul li .tit h4 { font-size:12px; color:#999; font-weight: normal; height:26px; line-height:26px; padding:0 15px;}
.plist_02 ul li .tit span { border:2px solid #999; border-radius:15px; height:28px; width:84px; text-align:center; line-height:28px; padding:0 10px; display:block; margin-left:15px; margin-top:20px;}
.plist_02 ul li:hover { background:#1474ae;}
.plist_02 ul li:hover .tit h3 { color:#fff;}
.plist_02 ul li:hover .tit h4 { color:#9bd9fe;}
.plist_02 ul li:hover .tit span { border:2px solid #04d9a9; color:#fff;}
/*关于海固*/
.about { }
.about_box { width:1200px; margin:0 auto; padding-bottom:20px;}
.about_box h1 { text-align:center; padding:30px 0;}
.jianjie { width:100%; overflow:hidden;}
.zizhi { width:376px; float:right;}
.about_cen h2 { font-size:22px; color:#333; font-family:"微软雅黑"; font-weight:normal;}
.jianjie_pp { font-size:14px; line-height:26px; text-indent:2em; padding:20px 0;}
.jianjie_tu { width:760px; height:120px; overflow:hidden;}
.jianjie_tu img { width:166px; height:116px; border:2px solid #fff;}
.zizhi_cen {width:376px;height:266px; margin-top:20px; position:relative; background:#fff;}
.zizhi_cen .prev, .zizhi_cen .next {width:30px;height:52px;position:absolute;top:100px;left:15px;z-index:100;cursor:pointer;background:url(hg_zuo.png) no-repeat;}
.zizhi_cen .next {left:auto;right:15px;background-position:0 -65px; background:url(hg_you.png) no-repeat;}
.zizhi_cen .scrollWrap {width:175px;margin-left:53px;position:absolute; padding:10px 0;left:50px;}
.tempWrap {overflow:hidden; position:relative;margin:0 auto; width:175px}
.dlList {width: 700px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -350px;}
.zizhi_cen dl {float:left;width:175px;text-align:center;position:relative;}
.zizhi_cen dt {margin:0 auto;width:175px;overflow:hidden;}
.zizhi_cen img {display:block;width:175;height:246px;}
/*新闻资讯*/
.hgnews{}
.hg_news { width:1200px; margin:0 auto; padding-top:42px; }
.news { width:600px; float:left; height:350px;}
.news_tab { width:138px; float:left; height:348px; border:1px solid #dbdbdb; background:#fff;}
.news_tab li { width:138px; height:116px; line-height:116px; text-align:center; font-size:18px; font-family:"微软雅黑"; font-weight:bold;}
.news_tab li.newstab_hover { background:#1474ae; color:#fff;}
.news_list { width:606px; height:348px; float:right; }
.news_list dl { padding:5px 0 5px 70px; display:block;}
.news_list dl:nth-child(1) { background:url(a1.jpg) no-repeat left center;}
.news_list dl:nth-child(2) { background:url(b1.jpg) no-repeat left center;}
.news_list dl:nth-child(3) { background:url(c1.jpg) no-repeat left center;}
.news_list dl:nth-child(4) { background:url(d1.jpg) no-repeat left center;}
.news_list dl:nth-child(5) { background:url(e1.jpg) no-repeat left center;}
.news_list dl:hover:nth-child(1) { background:url(a2.jpg) no-repeat left center;}
.news_list dl:hover:nth-child(2) { background:url(b2.jpg) no-repeat left center;}
.news_list dl:hover:nth-child(3) { background:url(c2.jpg) no-repeat left center;}
.news_list dl:hover:nth-child(4) { background:url(d2.jpg) no-repeat left center;}
.news_list dl:hover:nth-child(5) { background:url(e2.jpg) no-repeat left center;}
.news_list dl dt { font-size:16px; height:30px; line-height:30px;  overflow:hidden;}
.news_list dl dd { font-size:12px; height:30px; line-height:30px; color:#999; overflow:hidden;}
.shiping { width:548px; float:right; height:348px;}                                                                              